<template>
  <div class="xindian">
    <div class="headerDiv"></div>
    <header class="aui-bar aui-bar-nav aui-barPailuan">
      <a class="aui-pull-left aui-padded-l-15" @click="goBack()">
        <img class="aui-padded-r-10" src="../img/left.png" alt="">
        可视心率
      </a>
    </header>
    <section class="sectionMagin">
      <div style="margin:2rem 1rem">
        <img src="../img/heart1.png" alt="">
      </div>
      <div class="aui-flex-col aui-flex-item-12 aui-text-center listTit">
        <div style="width:90%;margin:0 5%">
          <div class="aui-flex-item-4">检验日期</div>
          <div class="aui-flex-item-4">检验结果</div>
          <div class="aui-flex-item-4">结果描述</div>
        </div>
      </div>
      <div class="aui-flex-col aui-flex-item-12 aui-text-center list xindian-list">
        <div class="aui-flex-item-4 aui-padded-t-5 aui-font-size-14">
          <div>2016-06-12</div>
          <div>12:00:00</div>
        </div>
        <div class="aui-flex-item-4" style="line-height: 2.5rem">检验结果</div>
        <div class="aui-flex-item-4"  style="line-height: 2.5rem">结果描述</div>
      </div>
      <div class="aui-flex-col aui-flex-item-12 aui-text-center list">
        <div class="aui-flex-item-4 aui-padded-t-5 aui-font-size-14">
          <div>2016-06-12</div>
          <div>12:00:00</div>
        </div>
        <div class="aui-flex-item-4" style="line-height: 2.5rem">检验结果</div>
        <div class="aui-flex-item-4"  style="line-height: 2.5rem">结果描述</div>
      </div>
      <div class="aui-flex-col aui-flex-item-12 aui-text-center list">
        <div class="aui-flex-item-4 aui-padded-t-5 aui-font-size-14">
          <div>2016-06-12</div>
          <div>12:00:00</div>
        </div>
        <div class="aui-flex-item-4" style="line-height: 2.5rem">检验结果</div>
        <div class="aui-flex-item-4"  style="line-height: 2.5rem">结果描述</div>
      </div>
      <div style="clear: both"></div>

      <div class="bHint bottomBtn">
        <div class="aui-font-size-12 aui-text-center aui-margin-b-10 textColor">准备就绪了吗？小普将开始为您进行心电检测</div>
        <div @click="goPath('/xindianfirst')" class="aui-btn SubBtnxindian">开始检测</div>
      </div>

    </section>

  </div>
</template>

<script>
  import {mapMutations, mapState} from 'vuex'
  import Loading from '../../common/Loading'

  export default {
    name: 'XinDian',
    data () {
      return {
      }
    },
    computed: {
    },
    components: {
      Loading
    },
    methods: {
      goBack(){
        this.$router.push('/index')
      },
      goPath(pth){
        this.$router.push({path:pth})
      }
    }
  }
</script>


<!-- Add "scoped" attribute to limit CSS to this component only -->
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .headerDiv{
    height: 2rem;
    width: 100%;
    /*background-color: #288af0;*/
  }
  .bodyBg{
    background: #ffffff;
  }
  .aui-barPailuan{
    border-bottom: 3px solid #e2e2e2;
    background: #ffffff;

  }
  .aui-bar a{
    color:#000;
    font-size: 20px;
    font-weight: bold;
  }

  .elementImg{width:50%;margin:auto}
  .listTit{
    background: #f4f4f4;
    height:2rem;
    line-height: 2rem;
  }
  .list{
    width:90%;
    margin:0 5%;
    /* height:2.5rem;*/
    border-bottom: 1px solid #ccc;
  }
  .bHint{
    margin-top: 10rem;
    width:100%;
    /*position: absolute;*/
    /*bottom:1rem;*/
  }
  .SubBtnxindian{
    /*width:80%;*/
    /*height: 2.5rem;*/
    /*line-height: 2.5rem;*/
    /*margin:0 10%;*/
    /*color:#0075f0;*/
    /*font-size:1.3rem;*/
    /*border:1px solid #ccc;*/
    /*border-radius: 1.125rem;*/
    /*background: #f7f7f7;*/
    width: 90%;
    height: 2rem!important;
    line-height: 2rem!important;
    margin: 0 5%!important;
    color: #0075f0;
    font-size: 1rem!important;
    border: 1px solid #ccc;
    border-radius: 1.125rem!important;
    background: #f7f7f7!important;
  }
  .textColor{
    color:#ccc;
  }
  .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
  .clearfloat{zoom:1}
</style>

